<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>Swiper H5 展示</title>
<!--REM-->
    <script>
        ~function () {
            computedFont();
            window.addEventListener('resize', computedFont, false);
            function computedFont() {
                var deviceW = document.documentElement.clientWidth;
                if (deviceW > 640) return;
                document.documentElement.style.fontSize = deviceW / 640 * 100 + 'px';
            }
        }();
    </script>
<link rel="stylesheet" href="css/index.css" />
</head>
<body>	
<script src="js/swiper.js"></script>
<div class="swiper-container">
	<div class="swiper-wrapper" style="opacity: 1;">
		<!--<div class="swiper-slide first swiper-no-swiping">-->
		<div class="swiper-slide first">
		    <p class="word">1</p>
			<div class="next"></div>
		</div>
		<div class="swiper-slide second">
			2
			<div class="next"></div>
		</div>
		<div class="swiper-slide third ">
			3
			<div class="next"></div>
		</div>
		<div class="swiper-slide forth">
			4
			<div class="next"></div>
		</div>
		<div class="swiper-slide fifth">
			5
		</div>
	</div>
	<div class="loading">
		<p>0%</p>
	</div>
</div>
<script src="js/index.js"></script>
</body>
</html>